<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<f:view>
			<h:panelGrid columns="2">
			
				<h:outputText value="Código" />
				<h:inputText value="#{composicaoProdutoManager.composicao.codigoProduto}" />
			
				<h:outputText value="Descrição" />
				<h:inputText value="#{composicaoProdutoManager.composicao.descricao}" />
				
				<h:outputText value="Custo total Médio"/>
				<h:panelGroup>
					<h:inputText value="#{composicaoProdutoManager.composicao.valorCustoTotalProdutoComposto}" disabled="true" style="width: 90px;text-align: right;">
						<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
					</h:inputText>
					<h:outputText value="(R$)" />
				</h:panelGroup>
				
				<h:outputText value="Valor de Venda"/>
				<h:panelGroup>
					<h:inputText value="#{composicaoProdutoManager.composicao.valorVenda}" disabled="true" style="width: 90px;text-align: right;">
						<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
					</h:inputText>
					<h:outputText value="(R$)" />
				</h:panelGroup>
				
				<h:outputText value="Percentual de Lucro"/>
				<h:panelGroup>
					<h:inputText value="#{composicaoProdutoManager.composicao.percentualLucro}" style="width: 90px;text-align: right;"/>
					<h:outputText value="%" />
				</h:panelGroup>
				
				
			</h:panelGrid>
			
			<p:panel header="Composição" id="panel_composicao">
				<script type="text/javascript">
					$(function(){
						$(".valorProduto").maskMoney({thousands:'.', decimal:','});
					})
					$(function(){
						$(".quantidade").maskMoney({thousands:'.', decimal:','});
					})
				</script>
				
				<h:panelGrid columns="2">
				
					<h:outputText value="Referencia algum produto?" />
					<h:selectOneRadio value="#{composicaoProdutoManager.referenciaProduto}">
						<f:selectItem itemLabel="Sim" itemValue="true" />
						<f:selectItem itemLabel="Não" itemValue="false"/>
						<f:ajax render=":form:panel_composicao" event="change" />
					</h:selectOneRadio>
				
				
					<h:outputText value="Produto" rendered="#{composicaoProdutoManager.referenciaProduto}"/>
					<h:selectOneMenu value="#{composicaoProdutoManager.produto.id}" rendered="#{composicaoProdutoManager.referenciaProduto}">
						<f:selectItem itemLabel="- Selecione -" />
						<f:selectItems value="#{composicaoProdutoManager.produtos}" var="produto" itemValue="#{produto.id}" itemLabel="#{produto.descricao}" />
					</h:selectOneMenu>
					
					<h:outputText value="Utilizará Mão-de-Obra?" />
					<h:selectOneRadio value="#{composicaoProdutoManager.maoDeObra}">
						<f:selectItem itemLabel="Sim" itemValue="true" />
						<f:selectItem itemLabel="Não" itemValue="false"/>
						<f:ajax render=":form:panel_composicao" event="change" listener="#{composicaoProdutoManager.findFuncionarios}"/>
					</h:selectOneRadio>
					
					<h:outputText value="Funcionário" rendered="#{composicaoProdutoManager.maoDeObra}"/>
					<h:selectOneMenu value="#{composicaoProdutoManager.funcionario.id}" rendered="#{composicaoProdutoManager.maoDeObra}">
						<f:selectItem itemLabel="- Selecione -" />
						<f:selectItems value="#{funcionarioManager.funcionarios}" var="func" itemValue="#{func.id}" itemLabel="#{func.nome} - CPF: #{func.cpf}" />
					</h:selectOneMenu>
					
					<h:outputText value="Descrição do Produto" rendered="#{!composicaoProdutoManager.referenciaProduto}"/>
					<h:inputText value="#{composicaoProdutoManager.produtoComposto.nomeProdutoComposto}" rendered="#{!composicaoProdutoManager.referenciaProduto}"/>
					
					<h:outputText value="Valor do Produto" rendered="#{!composicaoProdutoManager.referenciaProduto and !composicaoProdutoManager.maoDeObra}"/>
					<h:inputText styleClass="valorProduto" value="#{composicaoProdutoManager.produtoComposto.valorProduto}" rendered="#{!composicaoProdutoManager.referenciaProduto and !composicaoProdutoManager.maoDeObra}">
						<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
					</h:inputText>
					
					<h:outputText value="Quantidade" />
					<h:inputText styleClass="quantidade" value="#{composicaoProdutoManager.produtoComposto.quantidadeProduto}">
						<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
					</h:inputText>
					
					<p:commandButton value="Adicionar Produto" action="#{composicaoProdutoManager.addProdutoComposto}" update=":form" process="@form"  />

				</h:panelGrid>
				
				<p:dataTable value="#{composicaoProdutoManager.listProdutoComposto}" var="cp" rows="5" paginator="true" paginatorPosition="bottom">
					<p:column headerText="Produto">
						<h:outputText value="#{cp.nomeProdutoComposto}" />
					</p:column>
					<p:column headerText="Quantidade">
						<h:outputText value="#{cp.quantidadeProduto}" />
					</p:column>
					<p:column headerText="Ação">
						<p:commandButton value="Remover" action="#{composicaoProdutoManager.removeProdutoComposto}" update=":form" process="@this">
							<f:setPropertyActionListener target="#{composicaoProdutoManager.produtoComposto}" value="#{cp}" />
							<f:setPropertyActionListener target="#{composicaoProdutoManager.produto}" value="#{cp.produto}" />
						</p:commandButton>
					</p:column>
				</p:dataTable>
			</p:panel>
			
			<p:commandButton value="Salvar" action="#{composicaoProdutoManager.save}" rendered="#{composicaoProdutoManager.composicao.id == null}" update=":form"/>
			<p:commandButton value="Salvar" action="#{composicaoProdutoManager.update}" rendered="#{composicaoProdutoManager.composicao.id != null}" update=":form"/>
				
	</f:view>
</html>